import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// import vueJsx from "@vitejs/plugin-vue-jsx";
// nodejs写法，获取项目目录
const path = require('path')

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0',
    port: 8089,
    open: true,
    proxy: {
      '/api': {
        target: '',
        changeOrigin: true, //跨域
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
  resolve: {
    extensions: ['.ts', '.js', '.vue', '.json', '.d.ts', '.jsx', '.tsx'],
    alias: {
      '@': path.resolve(__dirname, './src'),
      vue: 'vue/dist/vue.esm-bundler.js',
    },
  },
  css: {
    // css预处理器
    preprocessorOptions: {
      // 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了
      // 给导入的路径最后加上 ;
      less: {
        // additionalData: '@import "@/assets/styles/global.less";',
        // modifyVars: {
        //   'primary-color': '#007f64',
        //   'link-color': '#007f64',
        //   'success-color': '#007f64', // 成功色
        // },

        javascriptEnabled: true,
      },
    },
  },
  build: {},
})
